@import "../../node_modules/antd/lib/style/themes/default";
.cardDefText {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: @primary-color;
}
.cardGoodText {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: @green-6;
}
.cardWarningText {
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: @red-6;
}
.cardList{
  padding: 12px;
  margin-left: 28px;
}
.text{
  display: block;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card {
  height: 130px;
}
.headStyle{
  color: @primary-color;
}
//.layout {
//  width: 100%;
//  height: calc(~'100vh - 96px');
//  .sider {
//    border-right: 0px solid #e6e6e6;
//    background-color: #fff;
//  }
//
//  .content {
//    padding: 12px;
//    background: #fff;
//    min-height: 100%;
//  }
//
//}
.content {
  padding: 12px;
  background: #fff;
  min-height: 100%;

  :global {
    .pad20 {
      padding: 0 16px;
      .btn15 {
        button {
          margin-left: 12px;
        }
      }
    }

    .ant-form-item-control-wrapper {
      width: 50%;
    }

    .ant-table {
      .shallow_gray {
        background-color: #f0f0f0;
      }

      .deep_gray {
        background-color: #ffffff;
      }

      //max-width: 95%;
      //// width:92%;
      //word-break: keep-all;
      ////white-space:pre-wrap;
      ////word-wrap:break-word;
      //padding: 0 16px 16px 16px;
      //在鼠标悬浮时背景色展示在当前项非当前行

      //.ant-table-tbody > tr > td {
      //  background: rgba(255,255,255,0) !important;
      //}
      //.ant-table-tbody > tr >td:hover{
      //  background: rgb(255,255,255) !important;
      //}
      ////去除鼠标悬浮的背景色
      //.ant-table-tbody > tr > td {
      //  background: rgba(255,255,255,0) !important;
      //}
      //.ant-table-tbody > tr >td:hover{
      //  background: rgba(255,255,255,0) !important;
      //}

      .ant-table-thead > tr > th {
        background: @primary-color !important;

        div {
          //color: rgba(0, 0, 0, 0.847059);
          color: #f3f3f3;
          font-size: 15px;
          font-weight: 800;
        }

        //max-width: 39vw;
        //width: 92%;
        //word-break: keep-all;
        //white-space: pre-wrap;
        //word-wrap: break-word;
      }

      //.ant-table-row td {
      //  white-space: nowrap;
      //}

      .actions {
        padding-left: 14% !important;
        float: right;
      }

      .ant-table-wrapper {
        //border: 1px solid #d9d9d9;
        border-radius: 5px;
      }

      //修改列表文字、背景颜色
      .ant-table-tbody > tr > th {
        color: white;
        background: #3071b9 !important;
      }

      //.ant-table-row-level-0 td:nth-child(5) {
      //  max-width: 39vw;
      //  width: 92%;
      //  word-break: keep-all;
      //  white-space: pre-wrap;
      //  word-wrap: break-word;
      //}
    }

    .ant-table-light {
      .shallow_gray {
        background-color: #f0f0f0;
      }

      .deep_gray {
        background-color: #ffffff;
      }


      .ant-table-thead > tr > th {
        background: #15A505 ;

        div {
          //color: rgba(0, 0, 0, 0.847059);
          color: #f3f3f3;
          font-size: 15px;
          font-weight: 800;
        }

      }

      .actions {
        padding-left: 14% !important;
        float: right;
      }

      .ant-table-wrapper {
        //border: 1px solid #d9d9d9;
        border-radius: 5px;
      }

      //修改列表文字、背景颜色
      .ant-table-tbody > tr > th {
        color: white;

      }

    }

    .treePortal {
      height: 100%;
      overflow: auto;

      .portalLeft {
        font-size: 12px;
      }
    }

  }

  .ant-table-row-level-0 td:nth-child(5) {
    max-width: 95%;

    word-break: keep-all;

    word-wrap: break-word;
  }

  .btns {
    display: flex;

    button {
      margin-left: 12px;
    }
  }

  .part {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 12px;
  }


  :global {
    .antd-x-search-form.ant-form {
      background: @background-color-base;
      border: 1px solid @border-color-base;
      padding: 6px;
      border-radius: 5px;
      margin-bottom: 12px;

      .actions {
        text-align: right;
        padding-top: 4px;
        float: right;
        width: auto;

        button + button, a + button, a + a, button + a {
          margin-left: 6px;
        }
      }
    }
  }

  .textOverflow {
    // width:80%;
    overflow: hidden; /*内容超出宽度时隐藏超出部分的内容 */
    text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
    white-space: nowrap; /*不换行 */
  }

  .dynamicDeleteButton {
    cursor: pointer;
    position: relative;
    top: 4px;
    font-size: 24px;
    color: #999;
    transition: all .3s;
  }

  .dynamicDeleteButton:hover {
    color: #777;
  }

  .dynamicDeleteButton[disabled] {
    cursor: not-allowed;
    opacity: 0.5;
  }
}
